<!DOCTYPE html>

<html>

<head>

<meta charset = "UTF-8">

<title>今日天气</title>

</head>

<style type="text/css">

	body{

		background:url("./Photo/beijing.jpg") no-repeat center center fixed;

	}

	.div_bj{

		width:650px;

		height:250px;

		background-color:white;

		margin-top:285px;

		margin-left:425px;

		padding:10px;

	}

	.tb_2,

	.tb_1{

 		margin-top:10px;

		width:650px;

		height:120px;

		text-align:center;

		border:3px solid #ac8fd1;

		border-collapse:collapse;

	}

	.tb_2{

		border:3px solid #f97862;

		border-collapse:collapse;

		height:80px;

		margin-top:20px;

	}

    tr,td{

		border:1px solid #ac8fd1;

	}

	.tb_2 tr td{

		border:1px solid #f97862;

	}

	.td_1 {

		color:#ac8fd1;

	}

	.tr_1{

		border:3px solid #ac8fd1;

		background:#f5f2fb;

	}

	.tr_1 td{

		border:0px;

	}

	

	.tb_2 .tr_1 td{

		border:0px;

	}

    .tr_2 .td_2{

		background:#ac8fd1;

		color:white;

	}

	.tb_2 .tr_2 .td_2{

		background:#f97862;

		color:white;

	}

</style>

<body>

	<div class="div_bj">

	<table class="tb_1">

		<tr class="tr_1">

			<td class="td_1" colspan="3">日期</td>

			<td class="td_1" colspan="2">天气现象</td>

			<td class="td_1" colspan="2">气温</td>

			<td class="td_1" colspan="2">风向</td>

			<td class="td_1" colspan="2">风力</td>

		</tr>

		<tr class="tr_2">

			<td class="td_2" colspan="2">23日星期六</td>

			<td >白天</td>

			<td ><img src="./Photo/sun.jpg" alt="太阳" ></td>

			<td >晴</td>

			<td colspan="2"><font color="red">高温30℃</font></td>

			<td colspan="2">无持续风向</td>

			<td colspan="2">微风</td>

		</tr>

		<tr class="tr_2">

			<td class="td_2" colspan="2">7℃~30℃</td>

			<td >夜间</td>

			<td ><img src="./Photo/cloud.jpg" alt="多云" ></td>

			<td >多云</td>

			<td colspan="2" ><font color="#6495ED">低温7℃</font></td>

			<td colspan="2">无持续风向</td>

			<td colspan="2">3级风</td>

		</tr>

	</table>	

	<table class="tb_2">

		<tr class="tr_2">

			<td class="td_2" colspan="2">24日星期日</td>

			<td >白天</td>

			<td ><img src="./Photo/sun.jpg" alt="太阳" ></td>

			<td >晴</td>

			<td colspan="2"><font color="red">高温20℃</font></td>

			<td colspan="2">无持续风向</td>

			<td colspan="2">微风</td>

		</tr>

		<tr class="tr_2">

			<td class="td_2" colspan="2">7℃~20℃</td>

			<td >夜间</td>

			<td ><img src="./Photo/cloud.jpg" alt="多云" ></td>

			<td >多云</td>

			<td colspan="2" ><font color="#6495ED">低温7℃</font></td>

			<td colspan="2">无持续风向</td>

			<td colspan="2">4级风</td>

		</tr>

	</table>

</div>

</body>

</html>